<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./styles.css" />
    <title>固定左侧侧边栏</title>
  </head>
  <body>
    <aside class="sidebar">
      <ul>
        <li><a href="#Section1">Section1</a></li>
        <li><a href="#Section2">Section2</a></li>
        <li><a href="#Section3">Section3</a></li>
        <li><a href="#Section4">Section4</a></li>
      </ul>
    </aside>
    <div class="content">
      <div class="section1">Content for Section 1...</div>
      <div class="section2">Content for Section 2...</div>
      <div class="section3">Content for Section 3...</div>
      <div class="section4">Content for Section 4...</div>
    </div>
  </body>
</html>
